import React from 'react';
import ContentLoader from 'react-content-loader';
export default function SkeletonScreen(props: any) {
  return (
    <ContentLoader
      speed={2}
      width={375}
      height={200}
      viewBox="0 0 375 200"
      backgroundColor="#f3f3f3"
      foregroundColor="#d1d1d1"
      {...props}
    >
      <rect x="48" y="8" rx="3" ry="3" width="88" height="6" />
      <rect x="48" y="26" rx="3" ry="3" width="52" height="6" />
      <rect x="0" y="56" rx="3" ry="3" width="410" height="6" />
      <rect x="0" y="72" rx="3" ry="3" width="380" height="6" />
      <rect x="0" y="88" rx="3" ry="3" width="178" height="6" />
      <circle cx="20" cy="20" r="20" />
      <rect x="2" y="113" rx="0" ry="0" width="370" height="154" />
      <rect x="370" y="150" rx="0" ry="0" width="10" height="0" />
    </ContentLoader>
  );
}
